<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<#include "/header.html">
			<link rel="stylesheet" href="/gaokao-admin/statics/css/zytb.css">
			<script src="/gaokao-admin/statics/libs/jquery.min.js"></script>
			<script src="/gaokao-admin/statics/libs/vue.js"></script>
			<script src="/gaokao-admin/statics/libs/FileSaver.js"></script>
			<script src="/gaokao-admin/statics/libs/jquery.wordexport.js"></script>
			<!-- 引入组件库 -->
			<script src="/gaokao-admin/statics/libs/zytb.js"></script>
			<style>
				html {
					margin: 0;
					padding: 0;
				}

				body {
					font-family: "Microsoft Yahei";
					font-size: 12px;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
				}

				ul {
					padding: 0;
					margin: 0;
				}

				ul li {
					list-style-type: none;
				}

				a {
					text-decoration: none;
				}

				a:hover {
					text-decoration: none;
					color: #f00;
				}

				.clear {
					clear: both;
					height: 0;
					overflow: hidden;
				}

				.htop {
					width: 720px;
					height: 30px;
					margin: 30px auto 0px;
					border-left: 1px solid #ccc;
					border-right: 1px solid #ccc;
				}

				.bt {
					width: 800px;
					height: 40px;
					margin: 0px auto;
				}

				.bt .zuo {
					width: 40px;
					height: 40px;
					border-top: 1px solid #ccc;
					float: left
				}

				.bt .zj {
					width: 718px;
					height: 40px;
					font-size: 18px;
					font-weight: bold;
					text-align: center;
					float: left
				}

				.bt .you {
					width: 40px;
					height: 40px;
					border-top: 1px solid #ccc;
					float: right
				}

				.htx {
					width: 720px;
					height: 60px;
					margin: 0px auto;
					font-size: 14px;
				}

				.htx p {
					height: 30px;
					margin: 0px auto;
					text-align: center;
				}

				.huizi {
					font-size: 12px;
					color: #ccc;
				}

				.lmain {
					width: 720px;
					height: auto;
					margin: 0px auto;
					margin-bottom: 20px;
				}
				/*.lmain .xxdh{ width:720px;; height:23px; font-size:14px; margin:0px; padding:0px; border-top:1px solid #000;  border-right:1px solid #000; border-bottom:0px; border-left:1px solid #000;border: 1px solid #0a0a0a;}*/
				/*.lmain table{ width:720px; border:solid #000; border-width:1px 0px 0px 1px;}*/
				/*.lmain td{ height:10px; border:solid #000; border-width:0px 1px 1px 0px; padding:10px 0px;}*/

				.cang {
					width: 720px;
					height: 600px;
					position: relative;
					left: 3%;
					overflow-y: auto;
					overflow-x: hidden;
				}

				.cang .shai {
					width: 100%;
					height: 110px;
					background-color: #e7ebee;
				}

				.cang .shai .czuo {
					width: 322px;
					height: 90px;
					float: left;
					border-right: 1px solid #000;
					margin-top: 10px;
				}

				.cang .shai .czuo p {
					margin-top: 0px;
					margin-left: 5px;
					height: 10px;
					text-align: left;
					font-size: 14px
				}

				.cang .shai .cyou {
					width: 380px;
					height: 90px;
					float: left;
					margin-top: 10px;
				}

				.cang .shai .cyou p {
					margin-top: 0px;
					margin-left: 5px;
					height: 10px;
					text-align: left;
					font-size: 14px
				}

				.cang .xlist {
					width: 100%;
					height: 390px;
					margin: 0px auto;
				}

				.cang .xlist ul {
					margin: 0px;
					padding: 0px;
				}

				.cang .xlist ul li {
					width: 100%;
					min-height: 20px;
					height: 100%;
					border-bottom: 1px solid #ccc;
					line-height: 30px;
				}

				.cang .xlist ul li:hover {
					background-color: #CCC;
					cursor: pointer
				}

				.professionIndex {
					border-radius: 50%;
					height: 20px;
					width: 20px;
					display: inline-block;
					background: #238ff9;
					vertical-align: top;
				}

				#hxz {
					width: 40px;
					height: 40px;
					line-height: 40px;
					padding-top: 5px;
					margin: 0px;
					float: left;
					text-align: center
				}

				#hdh {
					width: 80px;
					height: 40px;
					padding-top: 5px;
					margin: 0px;
					float: left;
				}

				#hmc {
					width: 300px;
					height: 40px;
					text-align: center;
					line-height: 20px;
					margin: 0px;
					padding: 10px;
					float: left
				}

				#hzdf {
					width: 130px;
					height: 40px;
					padding-top: 5px;
					margin: 0px;
					padding-left: 10px;
					float: left
				}

				#hln {
					width: 80px;
					height: 20px;
					padding-top: 5px;
					margin: 0px;
					float: right
				}

				.seachSchool {
					color: #C00;
					cursor: pointer
				}

				.seachSchoolOut {
					cursor: pointer
				}
			</style>

	</head>

	<body>

		<!--<div><button onclick="printfDoc()">打印</button></div>-->
		<!--<div class="grid-btn" style="margin:0 auto">-->
		<!--<a class="btn btn-danger" onclick="location.reload()" >清空表格</a>-->
		<!--<a class="btn btn-primary" id="upload" onclick="baobei()">报备并存储为Word</a>-->
		<!--&lt;!&ndash;<a class="btn btn-primary" onclick="baobei()">保存并报备</a>&ndash;&gt;-->
		<!--</div>-->

		<div id="app">
			<div id="printfWord">
				<div style="text-align: center">
					<div v-for="(item,index) in schools">
						<div class="lmain"></div>
						<div style="margin: 0px auto;width: 950px;">
							<div style="height:auto;width: 98px;border: 1px solid rgb(0,0,0,0.3);float: left;">
								<el-menu default-active="2" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#fff">
<!--									<el-menu-item index="1">省内高校</el-menu-item>-->
									<el-menu-item index="2">全国高校</el-menu-item>
									<el-menu-item index="3" style="width: 96px;">搜索</el-menu-item>
									<el-menu-item index="4">专业搜索</el-menu-item>
								</el-menu>
							</div>
							<div class="cang" v-show="activeIndex==1">

								<div v-show="item.showChooseSchoolSeach1">
									<div class="shai" style="height: 40px;">
										<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;"> 学校列表</p>
										<!--<p style="cursor:pointer; padding-right:20px;text-align:right; position:relative; top:-40px; " @click="showSchool(item,index)">-->
										<!--<img src="/gaokao-admin/statics/css/xx.png" width="20" height="16" />-->
										<!--&lt;!&ndash;点击关闭&ndash;&gt;-->
										<!--</p>-->
									</div>

									<div class="shai">

										<div class="czuo">

											<p>学校性质：<span v-for="item in seachSchool.nature" :class="[idNature == item?'seachSchool':'seachSchoolOut']" @click="isActiveNature(item)">　{{item}}</span></p>

											<p>办学层次：<span v-for="item in seachSchool.level" :class="[idLevel == item?'seachSchool':'seachSchoolOut']" @click="isLevel(item)">　{{item}}</span></p>

											<p>所在地区：<span v-for="item in seachSchool.area" :class="[idArea == item?'seachSchool':'seachSchoolOut']" @click="isArea(item)">　{{item}}</span></p>
										</div>
										<div class="cyou">
											<p>&nbsp;&nbsp;&nbsp;&nbsp;文理科:<span v-for="item in seachSchool.wenlike" :class="[idWenlike == item?'seachSchool':'seachSchoolOut']" @click="isWenlike(item)">　{{item}}</span></p>
											<p>院校分类:<span v-for="item in seachSchool.category" :class="[idCategory == item?'seachSchool':'seachSchoolOut']" @click="isCategory(item)">　{{item}}</span></p>
											<p>专业形式:<span v-for="item in seachSchool.learnType" :class="[idLearnType == item?'seachSchool':'seachSchoolOut']" @click="isLearnType(item)">　{{item}}</span></p>
										</div>
									</div>

									<div class="xlist">
										<ul>
											<li>
												<p id="hdh" style="font-weight:bold;font-size:16px;">学校代号</p>
												<p id="hmc" style="font-weight:bold;font-size:16px;">学校名称</p>
												<p id="hzdf" style="font-weight:bold;font-size:16px;">预估学校最低分</p>
												<p id="hln" style="font-weight:bold;font-size:16px;">历年参考</p>
												<p class="clear"></p>
											</li>
											<li v-for="(university,j) in universitys" @click="setUniversity(index,university,1)">
												<p id="hdh">{{university.code}}</p>
												<p id="hmc" style="font-size:16px;">{{university.name}}</p>
												<p id="hzdf">
													<span style="font-size:12px;color:#DF7401">{{idLevel}}</span>
													<span style="font-size:14px">{{university.predictor}}</span> {{idLearnType}}
													<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
													<span v-else style="color:#088A08">文</span></p>
												<!--{{university.lastThreeYear}}-->
												<el-tooltip class="item" effect="dark" :content="university.lastThreeYear" placement="left">
													<p id="hln" @mouseover="getLastYear1(university.id,j)">历年参考</p>
												</el-tooltip>
												<!--<p id="hln" @mouseover="getLastYear(university.id,j)">历年参考</p>-->

												<p class="clear"></p>
											</li>
										</ul>
									</div>
								</div>
								<div v-show="!item.showChooseSchoolSeach1">
									<div class="cang">
										<div class="shai" style="height: 40px;">
											<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;">{{item.code}}　{{item.name}} 专业列表</p>
											<!--<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative;top:-40px; " @click="showSchool(item,index)">-->
											<!--<img src="/gaokao-admin/statics/css/xx.png" width="20" height="16" />-->
											<!--&lt;!&ndash;点击关闭&ndash;&gt;-->
											<!--</span>-->

											<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative; top:-40px; " @click="item.showChooseSchoolSeach1=true">
                                      <img src="/gaokao-admin/statics/css/back.png" width="20" height="16" />
												<!--点击收起-->
                                  </span>

										</div>

										<div class="xlist">
											<ul>
												<li>
													<p id="hxz" style="font-weight:bold;">选序</p>
													<p id="hxz" style="font-weight:bold;"></p>
													<p id="hdh" style="font-weight:bold;">专业代号</p>
													<p id="hmc" style="font-weight:bold;">专业名称</p>
													<p id="hzdf" style="font-weight:bold;">预估专业最低分</p>
													<p id="hln" style="font-weight:bold;">历年参考</p>
													<p class="clear"></p>
												</li>
												<li v-for="(profession,i) in professions">
													<p id="hxz">
													<span :class="[profession.index == null?'':'professionIndex']">
                          <span style="display: block;    color: #FFFFFF;    height: 20px;    line-height: 20px;    text-align: center"> {{profession.index}}</span>
													</span>
													</p>
													<!-- <p id="hxz" @change="clickMe(i,profession,index)">
                                                       <input :name="profession.id" type="checkbox" :value="profession.id" v-model="profession.ckeckVal" /></p>-->
													<p id="hdh">{{profession.code}}</p>
													<p id="hmc">{{profession.name}} </p>
													<p id="hzdf"><span style="font-size:16px">{{profession.predictor}}</span> {{idLearnType}}
														<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
														<span v-else style="color:#088A08">文</span></p>
													</p>
													<p id="hln">历年参考</p>
													<p class="clear"></p>
												</li>
												<!--<li>-->
												<!--<p id="hxz">4</p>-->
												<!--<p id="hdh"><input name="" type="checkbox" value="" />A434</p>-->
												<!--<p id="hmc">汉语言文学</p>-->
												<!--<p id="hzdf"><span style="font-size:16px">510分</span> 普通 理</p>-->
												<!--<p id="hln">历年参考</p>-->
												<!--<p class="clear"></p>-->
												<!--</li>-->
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="cang" v-show="activeIndex==2">
								<div v-show="item.showChooseSchoolSeach2">
									<div class="shai" style="height:150px;">

										<p style="font-size:16px; font-weight:bold; text-align:center;padding-top: 25px;"> 学校列表</p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">所在区域：<span v-for="item in seachSchool.region" :class="[idRegion == item?'seachSchool':'seachSchoolOut']" @click="getProvinces(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">所在省份：<span v-for="item in seachSchool.province" :class="[idProvince == item?'seachSchool':'seachSchoolOut']" @click="getCities(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">所在城市：<span v-for="item in seachSchool.cities" :class="[idCity == item?'seachSchool':'seachSchoolOut']" @click="getUniversitys2ByCity(item)">　{{item}}</span></p>

									</div>

									<div class="shai">

										<div class="czuo">

											<p>学校性质：<span v-for="item in seachSchool.nature" :class="[idNature == item?'seachSchool':'seachSchoolOut']" @click="isActiveNature2(item)">　{{item}}</span></p>

											<p>办学层次：<span v-for="item in seachSchool.level" :class="[idLevel == item?'seachSchool':'seachSchoolOut']" @click="isLevel2(item)">　{{item}}</span></p>

										</div>
										<div class="cyou">
											<p>&nbsp;&nbsp;&nbsp;&nbsp;文理科:<span v-for="item in seachSchool.wenlike" :class="[idWenlike == item?'seachSchool':'seachSchoolOut']" @click="isWenlike2(item)">　{{item}}</span></p>
											<p>院校分类:<span v-for="item in seachSchool.category" :class="[idCategory == item?'seachSchool':'seachSchoolOut']" @click="isCategory2(item)">　{{item}}</span></p>
											<p>专业形式:<span v-for="item in seachSchool.learnType" :class="[idLearnType == item?'seachSchool':'seachSchoolOut']" @click="isLearnType2(item)">　{{item}}</span></p>
										</div>
									</div>

									<div class="xlist">
										<ul>
											<li>
												<p id="hdh" style="font-weight:bold;font-size:16px;">学校代号</p>
												<p id="hmc" style="font-weight:bold;font-size:16px;">学校名称</p>
												<p id="hzdf" style="font-weight:bold;font-size:16px;">预估学校最低分</p>
												<p id="hln" style="font-weight:bold;font-size:16px;">历年参考</p>
												<p class="clear"></p>
											</li>
											<li v-for="(university,j) in universitys2" @click="setUniversity(index,university,2)">
												<p id="hdh">{{university.code}}</p>
												<p id="hmc" style="font-size:16px;">{{university.name}}</p>
												<p id="hzdf">
													<span style="font-size:12px;color:#DF7401">{{idLevel}}</span>
													<span style="font-size:14px">{{university.predictor}}</span> {{idLearnType}}
													<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
													<span v-else style="color:#088A08">文</span></p>
												<!--{{university.lastThreeYear}}-->
												<el-tooltip class="item" effect="dark" :content="university.lastThreeYear" placement="left">
													<p id="hln" @mouseover="getLastYear2(university.id,j)">历年参考</p>
												</el-tooltip>
												<!--<p id="hln" @mouseover="getLastYear(university.id,j)">历年参考</p>-->

												<p class="clear"></p>
											</li>
										</ul>
									</div>
								</div>
								<div v-show="!item.showChooseSchoolSeach2">
									<div class="cang">
										<div class="shai" style="height: 40px;">
											<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;">{{item.code}}　{{item.name}} 专业列表</p>
											<!--<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative;top:-40px; " @click="showSchool(item,index)">-->
											<!--<img src="/gaokao-admin/statics/css/xx.png" width="20" height="16" />-->
											<!--&lt;!&ndash;点击关闭&ndash;&gt;-->
											<!--</span>-->

											<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative; top:-40px; " @click="item.showChooseSchoolSeach2=true">
                                      <img src="/gaokao-admin/statics/css/back.png" width="20" height="16" />
												<!--点击收起-->
                                  </span>

										</div>

										<div class="xlist">
											<ul>
												<li>
													<p id="hxz" style="font-weight:bold;">选序</p>
													<p id="hxz" style="font-weight:bold;"></p>
													<p id="hdh" style="font-weight:bold;">专业代号</p>
													<p id="hmc" style="font-weight:bold;">专业名称</p>
													<p id="hzdf" style="font-weight:bold;">预估专业最低分</p>
													<p id="hln" style="font-weight:bold;">历年参考</p>
													<p class="clear"></p>
												</li>
												<li v-for="(profession,i) in professions">
													<p id="hxz">
													<span :class="[profession.index == null?'':'professionIndex']">
                          <span style="display: block;    color: #FFFFFF;    height: 20px;    line-height: 20px;    text-align: center"> {{profession.index}}</span>
													</span>
													</p>
													<!-- <p id="hxz" @change="clickMe(i,profession,index)">
                                                   <input :name="profession.id" type="checkbox" :value="profession.id" v-model="profession.ckeckVal" /></p>-->
													<p id="hdh">{{profession.code}}</p>
													<p id="hmc">{{profession.name}} </p>
													<p id="hzdf"><span style="font-size:16px">{{profession.predictor}}</span> {{idLearnType}}
														<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
														<span v-else style="color:#088A08">文</span></p>
													</p>
													<p id="hln">历年参考</p>
													<p class="clear"></p>
												</li>
												<!--<li>-->
												<!--<p id="hxz">4</p>-->
												<!--<p id="hdh"><input name="" type="checkbox" value="" />A434</p>-->
												<!--<p id="hmc">汉语言文学</p>-->
												<!--<p id="hzdf"><span style="font-size:16px">510分</span> 普通 理</p>-->
												<!--<p id="hln">历年参考</p>-->
												<!--<p class="clear"></p>-->
												<!--</li>-->
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="cang" v-show="activeIndex==3">
								<div v-show="item.showChooseSchoolSeach3">
									<div class="shai" style="height: 180px;">
										<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;"> 学校列表</p>
										<el-input placeholder="请输入内容" v-model="schoolName" class="input-with-select">
											<el-button slot="append" icon="el-icon-search" @click="getUniversitys3()"></el-button>
										</el-input>
										<p style="text-align:left; padding-left:6px; font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;文理科:<span v-for="item in seachSchool.wenlike" :class="[idWenlike == item?'seachSchool':'seachSchoolOut']" @click="isWenlike3(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">专业形式:<span v-for="item in seachSchool.learnType" :class="[idLearnType == item?'seachSchool':'seachSchoolOut']" @click="isLearnType3(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">办学层次：<span v-for="item in seachSchool.level" :class="[idLevel == item?'seachSchool':'seachSchoolOut']" @click="isLevel3(item)">　{{item}}</span></p>
									</div>

									<div class="xlist">
										<ul>
											<li>
												<p id="hdh" style="font-weight:bold;font-size:16px;">学校代号</p>
												<p id="hmc" style="font-weight:bold;font-size:16px;">学校名称</p>
												<p id="hzdf" style="font-weight:bold;font-size:16px;">预估学校最低分</p>
												<p id="hln" style="font-weight:bold;font-size:16px;">历年参考</p>
												<p class="clear"></p>
											</li>
											<li v-for="(university,j) in universitys3" @click="setUniversity(index,university,3)">
												<p id="hdh">{{university.code}}</p>
												<p id="hmc" style="font-size:16px;">{{university.name}}</p>
												<p id="hzdf">
													<span style="font-size:12px;color:#DF7401">{{idLevel}}</span>
													<span style="font-size:14px">{{university.predictor}}</span> {{idLearnType}}
													<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
													<span v-else style="color:#088A08">文</span></p>
												<!--{{university.lastThreeYear}}-->
												<el-tooltip class="item" effect="dark" :content="university.lastThreeYear" placement="left">
													<p id="hln" @mouseover="getLastYear3(university.id,j)">历年参考</p>
												</el-tooltip>
												<!--<p id="hln" @mouseover="getLastYear(university.id,j)">历年参考</p>-->

												<p class="clear"></p>
											</li>
										</ul>
									</div>
								</div>
								<div v-show="!item.showChooseSchoolSeach3">
									<div class="cang">
										<div class="shai" style="height: 40px;">
											<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;">{{item.code}}　{{item.name}} 专业列表</p>
											<!--<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative;top:-40px; " @click="showSchool(item,index)">-->
											<!--<img src="/gaokao-admin/statics/css/xx.png" width="20" height="16" />-->
											<!--&lt;!&ndash;点击关闭&ndash;&gt;-->
											<!--</span>-->

											<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative; top:-40px; " @click="item.showChooseSchoolSeach3=true">
                                      <img src="/gaokao-admin/statics/css/back.png" width="20" height="16" />
												<!--点击收起-->
                                  </span>

										</div>

										<div class="xlist">
											<ul>
												<li>
													<p id="hxz" style="font-weight:bold;">选序</p>
													<p id="hxz" style="font-weight:bold;"></p>
													<p id="hdh" style="font-weight:bold;">专业代号</p>
													<p id="hmc" style="font-weight:bold;">专业名称</p>
													<p id="hzdf" style="font-weight:bold;">预估专业最低分</p>
													<p id="hln" style="font-weight:bold;">历年参考</p>
													<p class="clear"></p>
												</li>
												<li v-for="(profession,i) in professions">
													<p id="hxz">
													<span :class="[profession.index == null?'':'professionIndex']">
                          <span style="display: block;    color: #FFFFFF;    height: 20px;    line-height: 20px;    text-align: center"> {{profession.index}}</span>
													</span>
													</p>
													<!-- <p id="hxz" @change="clickMe(i,profession,index)">
                                                       <input :name="profession.id" type="checkbox" :value="profession.id" v-model="profession.ckeckVal" /></p>-->
													<p id="hdh">{{profession.code}}</p>
													<p id="hmc">{{profession.name}} </p>
													<p id="hzdf"><span style="font-size:16px">{{profession.predictor}}</span> {{idLearnType}}
														<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
														<span v-else style="color:#088A08">文</span></p>
													</p>
													<p id="hln">历年参考</p>
													<p class="clear"></p>
												</li>
												<!--<li>-->
												<!--<p id="hxz">4</p>-->
												<!--<p id="hdh"><input name="" type="checkbox" value="" />A434</p>-->
												<!--<p id="hmc">汉语言文学</p>-->
												<!--<p id="hzdf"><span style="font-size:16px">510分</span> 普通 理</p>-->
												<!--<p id="hln">历年参考</p>-->
												<!--<p class="clear"></p>-->
												<!--</li>-->
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--专业查询-->
							<div class="cang" v-show="activeIndex==4">
								<div v-show="item.showChooseSchoolSeach4">
									<div class="shai" style="height: 180px;">
										<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;"> 学校列表</p>
										<el-input placeholder="请输入内容" v-model="professionName" class="input-with-select">
											<el-button slot="append" icon="el-icon-search" @click="getUniversitys4()"></el-button>
										</el-input>
										<p style="text-align:left; padding-left:6px; font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;文理科:<span v-for="item in seachSchool.wenlike" :class="[idWenlike == item?'seachSchool':'seachSchoolOut']" @click="isWenlike4(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">专业形式:<span v-for="item in seachSchool.learnType" :class="[idLearnType == item?'seachSchool':'seachSchoolOut']" @click="isLearnType4(item)">　{{item}}</span></p>
										<p style="text-align:left; padding-left:6px; font-size:14px;">办学层次：<span v-for="item in seachSchool.level" :class="[idLevel == item?'seachSchool':'seachSchoolOut']" @click="isLevel4(item)">　{{item}}</span></p>
									</div>

									<div class="xlist">
										<ul>
											<li>
												<p id="hdh" style="font-weight:bold;font-size:16px;">学校代号</p>
												<p id="hmc" style="font-weight:bold;font-size:16px;">学校名称</p>
												<p id="hzdf" style="font-weight:bold;font-size:16px;">预估学校最低分</p>
												<p id="hln" style="font-weight:bold;font-size:16px;">历年参考</p>
												<p class="clear"></p>
											</li>
											<li v-for="(university,j) in universitys4" @click="setUniversity(index,university,4)">
												<p id="hdh">{{university.code}}</p>
												<p id="hmc" style="font-size:16px;">{{university.name}}</p>
												<p id="hzdf">
													<span style="font-size:12px;color:#DF7401">{{idLevel}}</span>
													<span style="font-size:14px">{{university.predictor}}</span> {{idLearnType}}
													<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
													<span v-else style="color:#088A08">文</span></p>
												<!--{{university.lastThreeYear}}-->
												<el-tooltip class="item" effect="dark" :content="university.lastThreeYear" placement="left">
													<p id="hln" @mouseover="getLastYear4(university.id,j)">历年参考</p>
												</el-tooltip>
												<!--<p id="hln" @mouseover="getLastYear(university.id,j)">历年参考</p>-->

												<p class="clear"></p>
											</li>
										</ul>
									</div>
								</div>
								<div v-show="!item.showChooseSchoolSeach4">
									<div class="cang">
										<div class="shai" style="height: 40px;">
											<p style="font-size:16px; font-weight:bold; text-align:center; line-height:40px;">{{item.code}}　{{item.name}} 专业列表</p>
											<!--<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative;top:-40px; " @click="showSchool(item,index)">-->
											<!--<img src="/gaokao-admin/statics/css/xx.png" width="20" height="16" />-->
											<!--&lt;!&ndash;点击关闭&ndash;&gt;-->
											<!--</span>-->

											<span style="float:right;cursor:pointer; padding-right:20px;text-align:right; position:relative; top:-40px; " @click="item.showChooseSchoolSeach4=true">
                                      <img src="/gaokao-admin/statics/css/back.png" width="20" height="16" />
												<!--点击收起-->
                                  </span>

										</div>

										<div class="xlist">
											<ul>
												<li>
													<p id="hxz" style="font-weight:bold;">选序</p>
													<p id="hxz" style="font-weight:bold;"></p>
													<p id="hdh" style="font-weight:bold;">专业代号</p>
													<p id="hmc" style="font-weight:bold;">专业名称</p>
													<p id="hzdf" style="font-weight:bold;">预估专业最低分</p>
													<p id="hln" style="font-weight:bold;">历年参考</p>
													<p class="clear"></p>
												</li>
												<li v-for="(profession,i) in professions">
													<p id="hxz">
													<span :class="[profession.index == null?'':'professionIndex']">
                          <span style="display: block;    color: #FFFFFF;    height: 20px;    line-height: 20px;    text-align: center"> {{profession.index}}</span>
													</span>
													</p>
													<!-- <p id="hxz" @change="clickMe(i,profession,index)">
                                                       <input :name="profession.id" type="checkbox" :value="profession.id" v-model="profession.ckeckVal" /></p>-->
													<p id="hdh">{{profession.code}}</p>
													<p id="hmc">{{profession.name}} </p>
													<p id="hzdf"><span style="font-size:16px">{{profession.predictor}}</span> {{idLearnType}}
														<span v-if="idWenlike == '理科'" style="color:#DF7401">理</span>
														<span v-else style="color:#088A08">文</span></p>
													</p>
													<p id="hln">历年参考</p>
													<p class="clear"></p>
												</li>
												<!--<li>-->
												<!--<p id="hxz">4</p>-->
												<!--<p id="hdh"><input name="" type="checkbox" value="" />A434</p>-->
												<!--<p id="hmc">汉语言文学</p>-->
												<!--<p id="hzdf"><span style="font-size:16px">510分</span> 普通 理</p>-->
												<!--<p id="hln">历年参考</p>-->
												<!--<p class="clear"></p>-->
												<!--</li>-->
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		</div>

	</body>

	<script>
		function baobei() {
			if(app.student.name == null) {
				alert("姓名为空");
				return;
			}
			// if(app.student.card=="" )  {alert("证件号为空");return;}
			if(app.student.school == "") {
				alert("学校为空");
				return;
			}
			if(app.student.score == 0) {
				alert("分数未填");
				return;
			}
			if(app.student.wenlike == "") {
				alert("文理科未选");
				return;
			}
			if(app.student.phone == "") {
				alert("电话未填");
				return;
			}

			var d = {
				name: app.student.name,
				candidateNumber: app.student.card,
				wlProperty: app.student.wenlike,
				score: app.student.score,
				highSchool: app.student.school,
				universitys: app.schools,
				phone: app.student.phone,
				isDesign: 1
			}
			printfDoc()
			$.ajax({
				type: "POST",
				url: baseURL + 'gaokaobaobei/userbackup/baobeiStudent',
				contentType: "application/json",
				data: JSON.stringify(d),
				success: function(r) {
					if(r.code == 0)
						alert("报备成功")
					else if(r.code == 101)
						alert("此人已经报备过了")
					else
						alert("报备失败")
				}
			});
		}

		function printfDoc() {
			for(let i = 0; i < app.schools.length; i++) {
				app.schools[i].chooseSchool = false
			}
			setTimeout(function() {
				$("#printfWord").wordExport(app.student.name + app.student.score + app.student.wenlike)
			}, 1000)
		}
		var app = new Vue({
			el: '#app',
			data() {
				return {
					professionName:null,
					activeIndex: 1,
					ckeckVal: "没点我",
					seachSchool: {
						nature: ['公办', '民办', '独立学院', '混合所有制'],
						level: ["本科", "专科"],
						category: ["普通", "医学类", "师范类", "艺术类", "军警体"],
						area: ["全部", "济南", "沿海", "鲁中", "鲁西南", "鲁西北"],
						wenlike: ["理科", "文科"],
						learnType: ["普通", "校企合作", "中外合作", "3+2连读", "春考", "艺术"],
						region: ['全部', '华北', '华东', '华中', '华南', '西南', '西北', '东北'],
						province: [],
						cities: []
					},
					idNature: "公办",
					idLevel: "本科",
					idCategory: "普通",
					idArea: "全部",
					idWenlike: "理科",
					idLearnType: "普通",
					idProvince: "",
					idRegion: "全部",
					idCity: "全部",
					schoolName: null,
					setStudent: true,
					chooseIndex: 0,
					wenlike: [{
						name: "文科"
					}, {
						name: "理科"
					}],
					schools: [{
						name: "",
						isDispensing: true,
						professions: [],
						chooseSchool: false,
						button: "关闭",
						showChooseSchoolSeach1: true,
						showChooseSchoolSeach2: true,
						showChooseSchoolSeach3: true,
						showChooseSchoolSeach4: true,
					}],
					universitys: [{
						id: 1,
						code: "A2A2",
						name: "山东科技大学",
						predictor: 510.5,

					}],
					universitys2: [{
						id: 1,
						code: "A2A2",
						name: "山东科技大学",
						predictor: 510.5,

					}],
					universitys3: [{
						id: 1,
						code: "A2A2",
						name: "山东科技大学",
						predictor: 510.5,

					}],
					universitys4: [{
						id: 1,
						code: "A2A2",
						name: "山东科技大学",
						predictor: 510.5,

					}],
					professions: [{
						id: 1,
						code: "A2A2",
						name: "无脊椎动物语言学",
						predictor: 510.5,

					}]
				}
			},
			methods: {
				handleSelect(key, keyPath) {
					console.log(key, keyPath);
					this.activeIndex = key
				},
				getProvinces(item) {
					let name = {
						'name': item
					}
					app.idRegion = item
					$.ajax({
						type: "POST",
						url: baseURL + 'school/provinceAndCities/getProvinces',
						contentType: "application/json",
						data: JSON.stringify(name),
						success: function(r) {
							app.seachSchool.province = []
							app.seachSchool.cities = []
							app.seachSchool.province.push("全部")
							app.idProvince = "全部"
							for(let i = 0; i < r.data.length; i++) {
								app.seachSchool.province.push(r.data[i].name)
							}
							app.getUniversitys2()
						}
					});
				},
				getCities(item) {
					let name = {
						'name': item
					}
					app.idProvince = item
					$.ajax({
						type: "POST",
						url: baseURL + 'school/provinceAndCities/getCities',
						contentType: "application/json",
						data: JSON.stringify(name),
						success: function(r) {
							app.seachSchool.cities = r.data
							app.seachSchool.cities.unshift("全部")
							app.idCity = "全部"
							app.getUniversitys2()
						}
					});

				},
				getUniversitys2ByCity(item) {
					app.idCity = item
					app.getUniversitys2()
				},
				getLastYear1(id, index) {
					var search = {
						id: id,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						idLevel: this.idLevel
					}
					if(app.universitys[index].lastThreeYear == null) {
						$.ajax({
							type: "POST",
							url: baseURL + '/school/school/getLastYearScore',
							contentType: "application/json",
							data: JSON.stringify(search),
							success: function(r) {
								app.universitys[index].lastThreeYear = r.lastThreeYear
								console.log(r)
							}
						});
					}
				},
				getLastYear2(id, index) {
					var search = {
						id: id,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						idLevel: this.idLevel
					}
					if(app.universitys[index].lastThreeYear == null) {
						$.ajax({
							type: "POST",
							url: baseURL + '/school/school/getLastYearScore',
							contentType: "application/json",
							data: JSON.stringify(search),
							success: function(r) {
								app.universitys2[index].lastThreeYear = r.lastThreeYear
								console.log(r)
							}
						});
					}
				},
				getLastYear3(id, index) {
					var search = {
						id: id,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						idLevel: this.idLevel
					}
					if(app.universitys[index].lastThreeYear == null) {
						$.ajax({
							type: "POST",
							url: baseURL + '/school/school/getLastYearScore',
							contentType: "application/json",
							data: JSON.stringify(search),
							success: function(r) {
								app.universitys3[index].lastThreeYear = r.lastThreeYear
								console.log(r)
							}
						});
					}
				},
				getLastYear4(id, index) {
					var search = {
						id: id,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						idLevel: this.idLevel
					}
					if(app.universitys[index].lastThreeYear == null) {
						$.ajax({
							type: "POST",
							url: baseURL + '/school/school/getLastYearScore',
							contentType: "application/json",
							data: JSON.stringify(search),
							success: function(r) {
								app.universitys4[index].lastThreeYear = r.lastThreeYear
								console.log(r)
							}
						});
					}
				},
				clickMe(pindex, profession, index) {
					if(this.schools[index].professions.length >= 6 && profession.ckeckVal == true) {
						this.professions[pindex].ckeckVal = false
						alert("超过了6个专业")
					} else {
						let sp = []
						//找到所有被选中的专业
						for(let i = 0; i < this.professions.length; i++) {
							if(this.professions[i].ckeckVal == true) {
								let a = {
									id: this.professions[i].id,
									code: this.professions[i].code,
									name: this.professions[i].name,
									predictor: this.professions[i].predictor,
									index: this.professions[i].index
								}
								sp.push(a)
							}
						}
						//设置专业顺序
						if(sp.length > this.schools[index].professions.length) {
							for(let i = 0; i < this.professions.length; i++) {
								if(this.professions[i].id == profession.id) {
									this.professions[i].index = sp.length
								}
							}
						} else {
							for(let i = 0; i < this.professions.length; i++) {
								if(this.professions[i].id == profession.id) {
									this.professions[i].index = null
								}
								if(this.professions[i].index > profession.index) {
									this.professions[i].index = this.professions[i].index - 1
								}
							}

						}

						this.schools[index].professions = []
						for(let i = 0; i < sp.length; i++) {
							for(let j = 0; j < this.professions.length; j++) {
								if(this.professions[j].index == (i + 1)) {
									let a = {
										id: this.professions[j].id,
										code: this.professions[j].code,
										name: this.professions[j].name,
										predictor: this.professions[j].predictor,
										index: this.professions[j].index
									}
									this.schools[index].professions.push(a)
								}
							}
						}
					}
				},
				showSchool(val, index) {
					console.log(val)
					console.log(index)
					this.chooseIndex = index
					if(this.schools[index].chooseSchool == false) {
						this.schools[index].chooseSchool = true
						this.schools[index].professions = []
					} else {
						this.schools[index].chooseSchool = false

					}
					for(let i = 0; i < this.schools.length; i++) {
						if(i != index)
							this.schools[i].chooseSchool = false
						this.schools[i].showChooseSchoolSeach = true
					}
				},
				isActiveNature(item) {
					console.log(item)
					this.idNature = item
					this.getUniversitys()
				},
				isActiveNature2(item) {
					console.log(item)
					this.idNature = item
					this.getUniversitys2()
				},
				isLevel(item) {
					console.log(item)
					this.idLevel = item
					this.getUniversitys()
				},
				isLevel2(item) {
					console.log(item)
					this.idLevel = item
					this.getUniversitys2()
				},
				isLevel3(item) {
					console.log(item)
					this.idLevel = item
					this.getUniversitys3()
				},
				isLevel4(item) {
					console.log(item)
					this.idLevel = item
					this.getUniversitys4()
				},
				isCategory(item) {
					console.log(item)
					this.idCategory = item
					this.getUniversitys()
				},
				isCategory2(item) {
					console.log(item)
					this.idCategory = item
					this.getUniversitys2()
				},
				isArea(item) {
					console.log(item)
					this.idArea = item
					this.getUniversitys()
					this.getUniversitys2()
				},
				isWenlike(item) {
					console.log(item)
					this.idWenlike = item
					this.getUniversitys()
				},
				isWenlike2(item) {
					console.log(item)
					this.idWenlike = item
					this.getUniversitys2()
				},
				isWenlike3(item) {
					console.log(item)
					this.idWenlike = item
					this.getUniversitys3()
				},
				isWenlike4(item) {
					console.log(item)
					this.idWenlike = item
					this.getUniversitys4()
				},
				isLearnType(item) {
					console.log(item)
					this.idLearnType = item
					this.getUniversitys()
				},
				isLearnType2(item) {
					console.log(item)
					this.idLearnType = item
					this.getUniversitys2()
				},
				isLearnType3(item) {
					console.log(item)
					this.idLearnType = item
					this.getUniversitys3()
				},
				isLearnType4(item) {
					console.log(item)
					this.idLearnType = item
					this.getUniversitys4()
				},
				getUniversitys() {
					var search = {
						idNature: this.idNature,
						idLevel: this.idLevel,
						idCategory: this.idCategory,
						idArea: this.idArea,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						province: "山东"
					}
					$.ajax({
						type: "POST",
						url: baseURL + '/school/school/getUniversitys',
						contentType: "application/json",
						data: JSON.stringify(search),
						success: function(r) {
							app.universitys = r.universitys
							console.log(r)
						}
					});
				},
				getUniversitys2() {
					var search = {
						idNature: this.idNature,
						idLevel: this.idLevel,
						idArea: "全部",
						idCategory: this.idCategory,
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						region: this.idRegion,
						province: this.idProvince,
						cities: this.idCity
					}
					$.ajax({
						type: "POST",
						url: baseURL + '/school/school/getUniversitys',
						contentType: "application/json",
						data: JSON.stringify(search),
						success: function(r) {
							app.universitys2 = r.universitys
							console.log(r)
						}
					});
				},
				getUniversitys3() {
					var search = {
						idLevel: this.idLevel,
						idNature: "全部",
						idArea: "全部",
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						schoolName: this.schoolName
					}
					$.ajax({
						type: "POST",
						url: baseURL + '/school/school/getUniversitys',
						contentType: "application/json",
						data: JSON.stringify(search),
						success: function(r) {
							app.universitys3 = r.universitys
							console.log(r)
						}
					});
				},
				getUniversitys4() {
					var search = {
						idLevel: this.idLevel,
						idNature: "全部",
						idArea: "全部",
						idWenlike: this.idWenlike,
						idLearnType: this.idLearnType,
						professionName:this.professionName,
						schoolName: this.schoolName,
					}
					$.ajax({
						type: "POST",
						url: baseURL + '/school/selectSchool/ByProfessionName',
						contentType: "application/json",
						data: JSON.stringify(search),
						success: function(r) {
							app.universitys4 = r.universitys
							console.log(r)
						}
					});
				},
				setUniversity(index, university, i) {
					if(i == 1) {
						this.schools[index].showChooseSchoolSeach1 = false
					} else if(i == 2) {
						this.schools[index].showChooseSchoolSeach2 = false
					} else if(i == 3){
						this.schools[index].showChooseSchoolSeach3 = false
					}else {
						this.schools[index].showChooseSchoolSeach4 = false
					}
					this.schools[index].showChooseSchoolSeach = false
					this.schools[index].code = university.code
					this.schools[index].name = university.name
					this.schools[index].id = university.id
					console.log(university.id)
					this.getProfessions(university.id)
				},
				getProfessions(id) {
					var search = {
						schoolId: id,
						wenlike: this.idWenlike,
						learnType: this.idLearnType,
						level: this.idLevel
					}
					$.ajax({
						type: "POST",
						url: baseURL + '/school/profession/getProfessions',
						contentType: "application/json",
						data: JSON.stringify(search),
						success: function(r) {
							app.professions = r.professions
							console.log(r)
						}
					});
				}
			},
			mounted() {
				this.getUniversitys()
			}
		})
	</script>

</html>